// var li1 = document.getElementsByClassName('li1')[0];
// var sub = document.getElementsByClassName('sub-menu')[0];
// var sub3 = document.getElementsByClassName("sub3")[0]
// li1.onclick = function(){
//     console.log(111);
//     sub.style.height="0px";
//     sub.style.transition= "height 0.8s linear";
//     // sub3.style.display = "none"
// }




















$('.li1').click(function() {//点击事件
    $('.sub3').slideUp(0, 'linear', function() {
        $('.guodu').animate({
            top: -270   //向上270px
        }, 100, 'linear', function() {
            console.log('动画执行完毕');
        })
    })
});
$('.li1').dblclick(function() {
    $('.sub3').slideDown(0, 'linear', function() {
        $('.guodu').animate({
            top: 0
        }, 0, 'linear', function() {
            console.log('动画执行完毕');
        })
    })
    $('.sub-sub-menu').slideDown(0, 'linear', function() {
        $('.guodu').animate({
            top: 0
        }, 0, 'linear', function() {
            console.log('动画执行完毕');
        })
    })
});

$('.shosou ').click(function() {//点击事件
    $('.sub-sub-menu').slideUp(0, 'linear', function() {
        $('.guodu').animate({
            top: -170   
        }, 100, 'linear', function() {
            console.log('动画执行完毕');
        })
    })
    
});
$('.shosou').dblclick(function() {
    $('.sub-sub-menu').slideDown(0, 'linear', function() {
        $('.guodu').animate({
            top: 0
        }, 0, 'linear', function() {
            console.log('动画执行完毕');
        })
    })
});

// $('.menu li').click(function(){
//     console.log(123);
//     $(this).addClass('item').siblings().removeClass('rt');

//     $(".tr2").eq($(this).index().addClass('item').siblings().removeClass('item'))
// })








$('.li2').click(function () {
$('.rt2').css('display','block')
$('.rt').css('display','none')
$('.rt3').css('display','none')
$('.rt4').css('display','none')
$('.rt5').css('display','none')
$('.rt6').css('display','none')
$('.rt7').css('display','none')
$('.rt8').css('display','none')
$('.rt9').css('display','none')
$('.rt10').css('display','none')
$('.rt11').css('display','none')
$('.rt12').css('display','none')

})
$('.li3').click(function () {
$('.rt2').css('display','none')
$('.rt').css('display','none')
$('.rt3').css('display','block')
$('.rt4').css('display','none')
$('.rt5').css('display','none')
$('.rt6').css('display','none')
$('.rt7').css('display','none')
$('.rt8').css('display','none')
$('.rt9').css('display','none')
$('.rt10').css('display','none')
$('.rt11').css('display','none')
$('.rt12').css('display','none')

})
$('.li4').click(function () {
$('.rt2').css('display','none')
$('.rt').css('display','none')
$('.rt3').css('display','none')
$('.rt4').css('display','block')
$('.rt5').css('display','none')
$('.rt6').css('display','none')
$('.rt7').css('display','none')
$('.rt8').css('display','none')
$('.rt9').css('display','none')
$('.rt10').css('display','none')
$('.rt11').css('display','none')
$('.rt12').css('display','none')

})
$('.li5').click(function () {
$('.rt2').css('display','none')
$('.rt').css('display','none')
$('.rt3').css('display','none')
$('.rt4').css('display','none')
$('.rt5').css('display','block')
$('.rt6').css('display','none')
$('.rt7').css('display','none')
$('.rt8').css('display','none')
$('.rt9').css('display','none')
$('.rt10').css('display','none')
$('.rt11').css('display','none')
$('.rt12').css('display','none')

})
$('.li6').click(function () {
$('.rt2').css('display','none')
$('.rt').css('display','none')
$('.rt3').css('display','none')
$('.rt4').css('display','none')
$('.rt5').css('display','none')
$('.rt6').css('display','block')
$('.rt7').css('display','none')
$('.rt8').css('display','none')
$('.rt9').css('display','none')
$('.rt10').css('display','none')
$('.rt11').css('display','none')
$('.rt12').css('display','none')

})
$('.li7').click(function () {
$('.rt2').css('display','none')
$('.rt').css('display','none')
$('.rt3').css('display','none')
$('.rt4').css('display','none')
$('.rt5').css('display','none')
$('.rt6').css('display','none')
$('.rt7').css('display','block')
$('.rt8').css('display','none')
$('.rt9').css('display','none')
$('.rt10').css('display','none')
$('.rt11').css('display','none')
$('.rt12').css('display','none')

})
$('.li8').click(function () {
$('.rt2').css('display','none')
$('.rt').css('display','none')
$('.rt3').css('display','none')
$('.rt4').css('display','none')
$('.rt5').css('display','none')
$('.rt6').css('display','none')
$('.rt7').css('display','none')
$('.rt8').css('display','block')
$('.rt9').css('display','none')
$('.rt10').css('display','none')
$('.rt11').css('display','none')
$('.rt12').css('display','none')

})
$('.li9').click(function () {
$('.rt2').css('display','none')
$('.rt').css('display','none')
$('.rt3').css('display','none')
$('.rt4').css('display','none')
$('.rt5').css('display','none')
$('.rt6').css('display','none')
$('.rt7').css('display','none')
$('.rt8').css('display','none')
$('.rt9').css('display','block')
$('.rt10').css('display','none')
$('.rt11').css('display','none')
$('.rt12').css('display','none')
})
$('.li10').click(function () {
$('.rt2').css('display','none')
$('.rt').css('display','none')
$('.rt3').css('display','none')
$('.rt4').css('display','none')
$('.rt5').css('display','none')
$('.rt6').css('display','none')
$('.rt7').css('display','none')
$('.rt8').css('display','none')
$('.rt9').css('display','none')
$('.rt10').css('display','block')
$('.rt11').css('display','none')
$('.rt12').css('display','none')
})
$('.li11').click(function () {
$('.rt2').css('display','none')
$('.rt').css('display','none')
$('.rt3').css('display','none')
$('.rt4').css('display','none')
$('.rt5').css('display','none')
$('.rt6').css('display','none')
$('.rt7').css('display','none')
$('.rt8').css('display','none')
$('.rt9').css('display','none')
$('.rt10').css('display','none')
$('.rt11').css('display','block')
$('.rt12').css('display','none')
});
$('.li12').click(function () {
$('.rt2').css('display','none')
$('.rt').css('display','none')
$('.rt3').css('display','none')
$('.rt4').css('display','none')
$('.rt5').css('display','none')
$('.rt6').css('display','none')
$('.rt7').css('display','none')
$('.rt8').css('display','none')
$('.rt9').css('display','none')
$('.rt10').css('display','none')
$('.rt11').css('display','none')
$('.rt12').css('display','block')
});
var input = document.getElementsByClassName('ggssk')[0]
var int= $('.rrt').click(function(){
    // if(input.value){
    console.log(111);
    // for () {
    //     if(){

    //     }
    // }
        
    // }
    
})

// var ggsskNo = document.querySelector('.ggssk');
// var info = document.querySelector('.info');


// ggsskNo.addEventListener('keyup', function() {
//     console.log(ggsskNo.value);
//     console.log(info.innerHTML);
//     if (this.value == '') {
//         info.style.display = 'none';
//     } else {
//         info.style.display = 'block';
//         info.innerHTML = this.value;
//     }
// });


// // 失去焦点，隐藏盒子
// ggsskNo.addEventListener('blur', function() {
//     info.style.display = 'none';
// })

// //获得焦点事件，显示盒子
// ggsskNo.addEventListener('focus', function() {
//     if (this.value !== '') {
//         info.style.display = 'block';
//     }
// })